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<body> 
</body> 
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jtlJJjiJJ'if I jl i*ii_juiLi jail ,j\ 4i) jL l£Li i'IK^i 'i .^ ^ (^i - iL^i lj iijxffli a, HTML pU JJ=. jl AaJjlJI ,ji ^jj 



VliA 



^^ 



IJU 



.(^C lillj iU=. LJjLilb Ljlj^UI =±kimj £)l ulJJc ib, ^Aja f Lijb 

^Vl |^i AioLj Lo ^Jjiil aa i*iJj! 






; (JLiJI lii iliJU J=ij J <jl t i i t..«\i I'i ki, -J l {yi jjjJI LiijLj dies ja> 



<html> 

<head> 

<title>My website</title> 

</head> 

<body> 

<hl>A Heading-::/ hl> 

<p>text, text text, text</p> 

<h2 >5ubhead</ h2 > 

<p>text, text text, text</p> 

</body> 

</htinl> 



■Jill! L. 



°; ■ — ' [J I lii&oj i </em> cs-^^Jl f^jj <ero> ^jMI fjjj_j lW j - ■ — ' LoAJc qj^o ,jy3i ( Jc Lgja j£_J5 „iil 4ajjiLil (juiii 

.</strong> cj^c^l^jj <strong> i)Li»£l ^j ^Ijiimb ,jjal li£|j 



:1 (JU. 



This should be stronger emphasis 



'. sitial 1 _'■ -'-^ ~ 1--.^-- ""-■ ■ .-.I -■ (jziJI jik ■ -'' i*i£^j ^ijLio 4aj jLj 



l^--.a. ~'l.-. ^ (^pjiJI IjgJ Jfl U1n> 



This should be in small 



fCjijjl Qllkl ^S juaUC flJC al,lkluM Ajlalml QJt, 



:3 dp- 

;4ij_}]=JI uigj l^llj J=jj <jl t-fcaj - -; — 1 1 JJAj-= <_>^ cs^ ^bll tljjjl Ijl 



;4ajji=!l njgj ij^j 



t^kj Jj^tl 4_)Ml pJHj jil j^-^Al «0=»l AilijaLi liaa ,_£Jjl ^Jl 3jl LsJc I bjl j^a (>i£j <j_/lf I jLioIl ^i <_a!^i= 1 'it I 4i_j 

»-o, „1n ll _jl I 1 1 nil I illjjj ~j Ij&l ,ljil 



I jjL-aLiaJl ^Jjh .lij-ajl 






:4Jli. 



^--O, ^\r. d j j^lij ] |.lgj J fl Ulirt 



Some text 
and some more text in a new line 



:"horizontal rule" &p^ 
:5JH. 



aio ^ (JijiJI Ijgj j a Ujm ; 



ji^LbJI nil .lijoijul Jio - _>-~liJI ^i^-0 JUi ji L£ - ^wlcYlj AjIjJI (^-coijj Jl ^liij tij^l _>^|jt i±iLii 

=J |_^J I .-. I iWl I JJJlJ I Q .JJQ - .^"in/l 

ordered" jL-iii^oi U.^i^i^^ ( j^i^^^>j> J =Jc ^"unordered list" jL=iii^* ui 

list" jl li j=j^j!l jjiiiiij |jl I iiic icjlill ^j jjiJl - ■ — i ts ^5j .iajliil jj jjj <jii Laj - ■ — i _^i Wjj iojU jl "list 

;jLia!l lis iiLi i£.jj=JLj r'1^1. — i Ji <"item 

:7JU- 



<ul> 

<li>A list item</li> 
<li>Another list item</li> 

</ul> 



■l--a. ^la 4 <j£jij| |j^J JgUlni 



A list item • 
Another list item • 



:8 J1S* 



<ol> 

<li>First list item</li> 
<li>Second list itern</li> 

</ol> 



i$\-.r,. aja ^ (j^jlal Ia^J Jgl-1"^ 



First list item .1 
Second list item .2 



U^ j£ 1iA lU 

;<juj.iJI Ln ^a L^ioLj (^j!! i-i..^l ju^=LbJl ljj=-_? iMmaxi ljjU^ ti^ ^> '<Sj==-\ °>°_? 't-j^ 1 cji lis. ^=J 



<strong>St conger emphasis-;/ strong> 

<small>Sinall text</small> 

-Cbr /> Line shift 

<hr /> Horizontal line 

<ul>List</ul> 

<ol>Ordered list</ol> 

<li>List iteni</li> 



?AA^=UJl ^ La 
Jr^ <tar / > ijLi^ < j>a kj O 1 ^^jJ -4JJ < ^ ^ci^iiJl _^J_? HTML ^°- «! \J^jfc ts-^ >-=ij=Jl O 1 _£^u ^li' 

£>j& i t-llLa jLt-Qj I f^Q JJ jj&jl < SLIl^jJ ^jl lll£uQJ JLj -- I "1-1 1 [J-ia^J ^ i ^^ ^ .ll-"1 t| (J_£lJ f^Q ljk.laJ Lo C^jjj pjEU L)l 3 TQ. -- "l r^ I 

:1 Jii* 



^L j'ln^ l ^L^aLiSl i-^L^aLJl X r.^ -J " = " ^_j l ■ ■ ■ I ^jQ^Lc I fl-/" pJ ^li^cLzJ I f^lllLl IjJJ fl^ gAflJllJl f jlal) LoJ L C D^J f l^ ■ --^^ 1 



:1 dii. 



!^lca .^i*i>cd fj *■ d] iflLIsftJ Ij tlaaX ■ il jIaJ ^Jlj 'Style ^j U^ 1 &«*=»!_? a_gl^LaJlii3 - ^alk o_g ^j/K^j^I ■ -^ ^bi 

:2 j*- 



<html> 

<head> 
</head> 



<body style= "background-color : §± f 0000; "> 
</body> 

</html> 



(3^^f CjBj ^ fjl?^ ' L]P J"^' 7" J'' l1in i^ilUall ji^^l i l^>Q^I 4--.Q. -~" fjjj (Jj^JLUJ 4-li^ciLijl oii 



Oj£j oif^i i> '(colour t> *&v color : JL±°) '-M^j^I tu^U oj£j oIm^o^I-^-^Ij^j^Ji^ 1 ^ o'-^^ 

?f.l^j^^ ^^a.^'J i"w^^l i a<\ 

inljui JC =l_Lj iaig jij , Ja^il (Jj^' <Ji J,' 1 ' 1 , 1 r^J^' I- 15, - ^°' =S I 4jaii ,JjiJ "#ff0000" A -^ Lbu^j tslicl (jLiall jj 

liiio^l ijiiiJ ois_j ijflli ^4j4j (jjj Ji ,HEX^JjltM)!Li ts-^iJj ' J"^ 

#ffffff :<_>Awi 

#000000 :ijmi 

#ff0000:^-T 

#0000ff:6jji 

#00ff00 :j^ii 

#ffff00;>J 

OljJVl J&'\ t> (gft j J 2 1 6 lJjpJ UiL £Wj lioa «i*ijJc jaV I J=mJl (^J j 'f^Jcfl _^? oJt^i J>[ J»& tW 1 

. 0^216 :^1^1 

,j°- -V L, tsjj^! Ij >QiV l_j JjuiV l_j [J^V^i I <ji° ^ajj^iil (jlj^ iiji^i^} I 4iiib oU^ I f-l ami ahiidml L -;T iiill£^.b 



^^'1 , „^JI J| ijj oljia I <j_?^ jiJI l%J [^iJ^j 



f^j^l . ^A. ',1 J.i^'.J JLaLojuiJ _^)*-:aUaJ1 j^l 

i _ V\-n 'i jjji j Lia ^ (JjjjiSi - ■ -_, ij'if <br <Ji° nij^' pj^j c=^ lW l^ body J^ ^^Ji ,j EJii - ^ 3 . ■/' [j^'i ■ --^i 

4_bLjI f I -~i 1 1 ■ ---- 
Ljjjjdj J^ljJ JmJbd --.^m^ tllcLCu^a [_JZlll ■ gjJI (_Ju3aJ i(_jZlil ■ g±ail ^UQ Jj^l L-iaJl djUgS J. -J'uU ( y^ Jjlfcj] lljLti L&j 

f_$ji±i -ULoJ *$ ji^fl !,;■ ™.' Lilll ijjK (J^'l ■ -^ <_J_J^J 1 4J^"J ^>.=Lj=JI LjitJj .ioti^n ^u^aLiJ Lj_Jiiiul (jCLj ji^f I 

oiilj 4 L -— I ~~ (£ 9Z3J r")l 

ii^uj a X ^jiujj ^jaLia Ljl '-'it AiliLiJl (j ajl ■ =~Jl =.-o JaLjII Jc jlij [}l La <j£j <0^' "J," 1 - S 0A° J" 1 ^' _?AU ^ 

I ■; .-■ ! .■■-=- "i ■■-■ I ic 

?_ j j J -alixj1 d)Uj£-a ^A La 

j=au_s jj dbjjijJl |_>ig^Li4 =j -i). =U. (£l [ijzJ ^ j5 _jl _jj£l _,l i). ^U. [C_jiJ AjIaj =juj_5 ^ o_i£ii >^~LlJI alt <J£jjij 

^j' jjiil i^jiJI Jl _}kil ■ _> J =LiJI tljb_jio ^!i ^ LI ,,111 sis .^ite^l 



qjlAJI /jj^jg ^^ obg^tjo >^ > 



<h2 style=" bach ground- color: #f fOOOO; "> My friendship With HTML </hZ> 
^ ^_j)Lj ^ 



fUiJJ £y> j^siimj )iilj4inaLl ^j laii -; jajSJP -j. -*~-. :HTML 4jL5£ fit tcjL ^LciiimJ L -'>'"''" LjIj eLidX 

iAKiJ^j^iiiiUiij HTML.net ^jJ -U J JLiJi iJ&iMJl-e^s JSj p^Ji ifVluij 

:1 J^ 



Here is a linkto HTML.net ; 



oji Jl j^j JSI ^j ^"hypertext reference" jL-=ail ^ href ^liJIj "anchor" jL-= i»l > a j^^il 

tj^jj HTML.net ^-^ d°l^l oUiJl ^j <" http://www.htm I. net" wJI ^j^ href ^=UI °3cf jliJl ^ 

Li,oijJCLfi [ ^ ( -jL^JoiL j ^"http://" ol-W ^"Uniform Resource Locator" jL-u ^j URL aljjJl 

^acb F jj of j^jj '-WU c^i Jc eii ^ia!i t ^ JS J=^L?Ji L jz 1 j!i ( ^"Here is a link to HTML.net" ^WJi 

.</a> ijitc^l^jJ >^jJl 

tij^i J I ^i^ c> -W ji (jl ^^ ■ i ^ 1 o"^ ^ L ngU^.i ciLoaj page2 .htrrb page1.htm LoswJj o /^° ' ^ 
: cJSdiJ] ligj V=^ page2.htm Jl j^j page 1 .htm ^i— c>-Mj ^ «-MJi ^ uAJ] ^i 4jU£j 

:2 J5- 



i^jiJi li^j ja^j." LjIjSu "subfolder" -^uilJj ^.ja j£^o „j t^^j, 2 ^--°-Ji duK IjI 



:3 d&- 



:4 JB- 



(>. _Jj£.l _jl |JJJ_jiiilo J] ojLul^l [jLaJ -I '-'ill (JBfli) <-Ljl_JI <_£j=J |_^jil t—ilLall [^o ^^t I [jjilllo ^ Jil_j .its-a ^1 JdiJlj " . ./" 

.".y./'^klCjIikJl 

points to the folder one level up from position of the file from which the link is made. 
Following the same system, you can also point two (or more) folders up by writing 

lit^-a -I kjil lib tljjij lil t oloU JaKil jljidl (_j£j <jl Lajlj liijKaLj ? -I kjil lj& tlia^a Ji. 

cJS JJ ji.n'i Ljl_jj l c_ 3 =±i_ 3 i-~°. -J l ts ii I djbjj^jJLi Jjii r-l nii Lit'Kni iiica , A^o. ^i l L^ii^ AiUh Lil_jj c.l_uiil liiiKab 

."#" ^usUh, "identification" J id ^^ ^ ^ ^ ^b=j l» J^ «^lJi j, j^ 



;jLid ^Ijjil jjjj <_f ill 



;<jLioJl lii ^jj ^=Jiij lis J£ 



:5 Ja- 



<html> 












<head> 












</head> 












<body> 












<pxa href=" 


#head 


ingl">Link to heading 


K/ax/p> 


<pXa href=" 


#head 


ing2">Link to heading 


2</aX/p> 


<hl id="head 


ingl" 


sheading K/hl> 






<p>Text 


text 


text 


text</p> 






<hl id= r 


'head 


ing2" 


>heading 2</hl> 






<p>Text 


text 


text 


text</p> 






</loody> 












</html> 













Linkto heading 1 
Linkto heading 2 

Heading 1 

Text text text text 

Heading 2 

Text text text text 

.^=ajJ iJ^J <— ij^J M 0' '.'-,' id '■*}■ =tzJI icJa ;^ L- N - 



:6 J5- 



1 ^9 fjiljJl l%J J| jUl ll 1 



Send an e-mail to nobody at HTML.net I 



c-LjIjSl ^ Aic^^j l^^JI ^JljjilJ^I JJJ^I (jU^ t_£_9^ ^J^ oilii ^Luj ,_}Z3J=J_3 ^jJ^J^I JJjJl ^-aljjJ (j^oauj -Lj I ji I 

!-M_^ title ' *?■ — 1^ — -' jliiJjliolj ^J Jl^aL-^Lj hcef ^> = IaJI tcjta - h^im l LjIj pLuil^t 

:7 J5- 



'■ ra. j-ilnl l ^ ^ JKnll l |^g 1 -i j U 1 1 il 



HTML.net 



ij^'^l cijiui ^Jc l~- ■ -^i ,^1 ^jJ-LjIjJI ,^c ijliil jiii^, r'u. :-, _, |j| lIjIjII ,^p jo. -=a £-_>ii - ■ — ^ =a^Juij title ^> — 1-^ 

.i5B ^J title ^4— Lk ^a aIl^ ^jJl 



JV^M |AjujIjJ| ^ja j^Jl 



^i^v^--q, -^ < a. -^Vi.-. ^ i o^jg^.jA ^ijj jj^jiJI (JIclqjIj ^JlLqjI oj_y — g-j — _j (y* Cjit^Lj Ij] UjIj 0_^ tyi 



±aj£ jAJJ IIa 



:1 Jit 




i^^--.q. .-•in d ( JSjllu I l^-j j g u.^111 




cJ* ^("source" jL=j^i j* ,src) U-a^j ( ilBg ) .bj^^^j jjjj ^u ^=iJi jbki jt. -d^ oi^b^j Lo cK 

^ii^JI (jit) LaLoJ <i>J_y oil t-ila ^jj ji "jpCJ.'j ' |i ^°' — ^ Lg^u^j JJjJ [£ ill 0J_y J oSI <_jL null j4 "daVi (j .JDQ" 

djLL ^ Aiiikc. p ijji i^Ljn ■tjju j*. <_ilJi <ji jtij^AcJi ji--'i "HTML' " jpg ^sjjj j* < sitcJ I |ji jg-kji "htm." 

y^-". -t LpaL gjilMjaj ( ji\ j_j. -II 

GIF (Graphics Interchange Format) 

JPG / JPEG (Joint Photographic Experts Group) 

PNG (Portable Network Graphics) 

(ji LgJfLaj GIF j_j- - cl/sH ■ (jjxi ' oS iJa.^uaijPjSjaJi jj*jaJJ >>^". .."* JPEG L*i t£l*j**jiJ 331*- ^iiiui GIF jj" 2 
J-ij i <_aL ^^ (^a GIF l)I j* ^Li! I c_QijJ l_j, .(jljftrl ow^l^j^ D 1 U^ JPEG bow <Ejj5 256-^^^ 

Jp--^= o J jJ I Li ■ fa jlj LoKj '°Jl1J£ Jlulij (_£_j=iJ jjl iJfl=uJI J_ j. -K Ji^l rrf^ JPEG Lai iLl.n/ l J_ y -I I i~; , jj 
Oj±l (J I L gjfLoj itjo'lU I'l kii. -J l jjl -iljjl i ^iijJi [>° <— ij«J LaJjj > Jl£.I Ac Jul] Jg-Lim i 5 ti-.u, - (jl jj^J liij J gr,-^ 

tlJl-lJ PNG J_r — ^ ^-J 1 — Ijij* 1 <paljo!l ''i l-~°. - jj Ln LkkJm l jK^I JPEGj GIF °J_y °JI ' A ~}- - UjL^ . - I ntl J 

■■JPEGj GIF i^iji" ^ ^ij ^jjla Sip jjij PNG 4*j«= 'GIF ^f-= t_im» J^ j&L j^' ^j*^ f .i ' "'^ 

? JJ ^L ^l ji t> 

<j3ll (LljJfjN iitl Ail jA jJijaJI JJiJi ' Jj*-= jji-o ^-cilJJJ Jl 4jiLj tlJJls i^LJl ' if 'jji- - f-UiLlLj =_^iJ ijltljjjl Ijl 

f '; -^ £9I^a f\i5$i l^iUiJ 

LiijIj ^.cbjij i^jdiiij ijl tAljfc; ililii ^ji'ill tj un/it I A^kji ^ _ji JjiUj ^Lkj jj, ^b jj^^. jj=-c i^Lii (juJ <_iml^J 

.(3_^ul (^3 J_y —ll djlj^li_Q Qi^idl ^j L(Jl^J_jJljUi U^IqjJ^jLq jl (_J_ ? iL_ ? J_^ jl jJlI LJ_^iJl 

? j^^Ll ^j! jjl fjm 

jjlll GljWI jJLl lil jA jjitlil JJiJi ' J_j^-= JJ^ 11 p^LiJ^ t_J>[ *-=^^> i^i-s i. ■ JjJi\ i*ij_ji-= cLiijLj =Jii ^\ Ojj] lil 

4 '* 13 Jiljji f\j2J?i l^iUiJ 

f'l'lll l J-objJ [^Jl'ii'l ijl l*iJc L*JW ^Jii'if I jjkjJllSI iakjl^c _jl J_jJJJ_j pLLj j-c (^JU Jj^-= JJio llilja (JliJ LJhuyJ 
( J_ ? llJI ^ J_j- =3jl Cjljji^l Qj -ol ^Jij l^JU^JjJJU UJlOjJ^jLo jl <_J_ ? iii_ ? J_^ j I jjJ UjJJl 

jj=i ^-oLjjj jljjl i^t'Kni (j^jl i( jujJI lii jLiJ'if j=tJiJI AJii ^-qIjj [f j'iN'i (j' cJJ-j J' ^ 1 1>° O 1 ^ 'GmLuj Life L=^ 'Lojid 

.Bji uiKj ^j ^U-o ^bjj jij IrfanView c^mj jj^i jjj^jS 



Jjt^li ; JiA\ jujJi 



(Jjii^j oicl Jli ^ J1U0 (jliiiJ (_pj=J JiSl dLajLJl Jia 4jjilA GULu jdjtJ >iiiuJ JjlilJI 



V4JA^3 ,Jfc (Jifc 



i^"V jjljcJl ()i (jjiiu Iak 4j = £i L tliiljj ujIa dii |j| (^S Jibd 4jbil „i ^ i HTML ^ jjb=JI t-Uil 

.HTML rU ^ cK > L^ LqLij L^ikiaj 

:1JJ- 



<table> 




: <tr> 




<td>l 


4_a></td> i 


<td>2 


4_a^</td> i 


</tr> 




<tr> 




<td>3 


4_a^</td> : 


<td>4 


4_a></td> i 


</tr> 




</table> 





i ^a JiiiJI Ijgj j gUjm 



?<td>j <tr> o£ (JJ^ 1 ^ 

j- jiLj jLiJl i^tfrii ^=ajj I( j^!l (^ji lpj^' ^ ^ •'--^j*^ Li^ T^J HTML ^Jioi jj^i _^ Ij* ^lici jLiJl ^ <j; jj L£ 
.^aLifl .(^iiJj cJjJ=Jl Lo«Jiit> Luj </table> <jSlc)ri f aiijj < table > 4jLu!I ^j ♦ 

.EiLifl ja\M cJij v .^jjjji-a^^i^^k t> liu^iSi ^^jJi^ij, "table row" (P=J <tr> • 
.^iLioj joiiii lis, cK .dij^i<-j>-= t^M^cKt^Jjji Ijjj^JI Ij* ."table data" jL^^ <td> • 

fj'y/i-- i 5 lla_j ,jji=. ( b. - 4jLj i J& Jjj |_jjS| <tr> p-uij -<=4J '<table> ^jJ 1^ (Jj^l 'Jj^l <jLLa!l ^a dJ^J L, lii 
t^-Jl <tr> jil IjAj </tr> t 5^cll^iij J1 jt_!i iJ Jl t^kj^j <2</td> 4jk<td>_? 1</td> 4jk<td> :j^\ iJa ^ 

,</table> (Jj^l [j^H -lW^ EWl£j=-> 



?<td>j <tr> c& &J& ^ 

<?-_>iiij (jLloil liijSflli =ail I( yjf I ts i = , (jujJl Ija j> Aj^jij Ilea fjiuj HTML AJlal jKl ji Ija ; o^icl jLiJl jj (_5 jj L£ 
.(^ikio .(^^iiJj JjiJI Lq^jjj j> Ijjj </table> ij^ill^jj <table> *^M f^_? • 

.Eii=i° ^' ciU ^ '^jjJj t-i^Jl -ifcu. t> iai5 ^iSi >,=yi ^ij "table row" ^> <tr> • 
.^ikiajljuu ija J£ « c JjM>M>-=>cjf s M i -t£cs<A?j Ijjj^Ji lis. ."table data" jL=j=i^ <td> • 

(j l »U iljljaij < Jjii t '■ - 4jL) ^^t jjj (iiil <tr> f^j 4=A? <<tatile> f^jJ l-VJ (jj- 1 ?^ <<J_s^l jLicJl jj djj=g L lii 
t^Jil <tr> jil liiJj</tr> t£fcf l^jJi-i-JI u^JpJ <2</cd> ^<td>j 1 </td> 4ii<td> \J°^\ li* ^ 

.-c/table> djiJI c^JfJ <l>A^ Lijl^j^ 









2 Juk 


1 Jy^ 




4 Ajii 


3Jbk 









biiC'ilj ( il j,.j l ^o EjjLgj ")f ljJC (£j=iJ (Jl (J_ji=J! Ll^Jj 'LlJJj^J (J j^ - tij^ (J_jJ=Jl oiicl (jLicJl ,=3 

:2 Ji. 



<table> 




<Zr> 




<td>l 


ijUU-</td> i 


<td>2 


ij_JL></td> 


<td>3 


ij_JL></td> 


<td>4 


ij_JL></td> 


</tr> 




<tc> 




<td>5 


ij_JUi</td> 


<td>6 


ijUUi</td> 


<td>7 


ijJU-</td> ; 


<td>8 


ijJL></td> 


</tr> 




<t.r> 




<td>9 


£j_JU-<,/t;d> 


<td>lC 


4j_U</t[l> 


<td>ll 


4_uU</td> 


<td>12 


4_uU</td> 


</tr> 




</table> 





■' (^ <j£jijl Ijfrl J ak" 1 " 1 



4Ajk 


3ijk 


2 ijk 


1 Ui 


g;bk 


7 tjk 


gjbk 


5 Jbk 


12-uk 


11 4^i 


1D4ii 


g Jbli 



VjjIiaJS l> ^jL^^ 4j! ^Ua Ja 






<table border= 


"1"> 


<tr> 




<td>l 


ij_Ju-</td> 


<td>2 


4_UL^</td> 


</tr> 




<tr> 




<td>3 


d_UL^</td> 


<td>4 


4_UL></td> 


</tr> 




</table> 





' ^ ■ "'' ° ts* J^iJI li«J J*^ 









i 2^ 


1 ijli 




4Jjk 


3Ui 











( ^iiiljjl f juj^l .>kjl ) (j..>^l (jul^oj jj^j Jj^l jLLjilLiui 
AujLuJI ,jdLglq! ^jjJI ^luiJLi ji Jiii^L (JjiJI t_j^j& j^j o' '^^ - j_j' -tl ^-q <JLJI _^ L^j 

:4 JU* 




lAiuiii] iliiJi i_J. ;qi ^^iil_uiil , ;iIiI_elo (y, %30 r_!t^.J^--J *i r s^ , rr * 1 --^'•-■■l ^ ,_jJd. >_lui (jLiajl lii 



^^jLl-^JI /)-a AJ Y*o-ll 



;Lgic fjLijI l)Ija .ijjliiii oji^. jj ^ ■ -^ iliLj& 



■ -^ r.\ I j| ijam'il jl f^fc-^l ^ (J^ClM olJL^c L^aJa .= i_lkJl Cjljji^.o! iliuljll oljL^Jl JA^J 



:B J»i- 




?<JjM <J ^=1 j! ji^ 1JL. 



.<<_>h=a!l lj- — i ljliUj jj Lj cLi'i I J*^J tj I iLLuiD jjjj i*ii"i c-j^jjj |_f i j- ■ •-_/ l n"^ '■"' 'i i*i!jJ 

J^.'i ■J ubI Vi"i Ijft. (jil (CSS !^^) J,''*\' (j. , -° l 4aJ_J= ii!I->* 

I S t ja ' J (Jl (J^aJ lii -I'll l _,W J l_j [J ^Ti'll ■ .asJ I <_!lijij.j (JjLulLoil I ii'l^ nl Jjliajl j^c, LjC: pnuj 4iakj La [ jjlJA J23 ^ I 



(CSS) f^^it : >^ ^m ^j^\ 

f ,j--'l../l (till Ja -ill lijiaaj - f LLdl [> (J^LiD [J I (Jii=Jl t> O 1 ^' 

iii!j ig |j£J -CSS J| "J, 1, -*° ^Jslo >7 '■■' (j^jJI lift (J < (CSS) 4i2u <L.st*.. .," ^j| tjaj 1 .^ .j ^" .Jn-vSj--. ( _ JI ia](j ^i] 

ijgji, izju jji=u ijujJl lib jit I iiiii! CSS r )". j^ tc^ LgJL -i"v CSS 6j=- ^t^f (% A^ liMaj 

i^'^ 11 iUjiaft" 4jjuuAjI (jJl.jijL >j£j ; 0.1.1^, 4iJij L$J ij^lj <j£ iCJ^sl —11 4jL£ <ja 'HTML 4iJI J^il ' <>■— 'H (ji 

.{ ■ ■" -■■ '} -j— 1 4dUJU ^^au CSS 1-auj "^Uj^Aj 

J _L=Jl£ji tiJ ij Liliiii^j JsUss «ij*ali Jsll ;> CSS 4^! 6^ . gjUJJjjgjjl Qjlj L^ 

:1 (Jii- 



<p style="font-size: 20px; ">This is typed in size 20</p> 
<p style=" font-family: courier ; ">This is typed in Courier</p> 
<p style="font-size: 20px; font-family: courier; ">This is typed in 
Courier size 20</p> 



This is typed in size 20 

This is typed in Courier 
This is typed in Courier size 20 



-^ bii^j (f ont-f ainily _>°l 6^ c> ^Ijiiuil i)_>) ;jjSI L^Jl Ojj jjj^jJ 3 tyie ^> aba LioiLujI oiliJ jLiJl^ 
(Jlii (> U- ^ 1 tJ.^li Lioaj E=j QJjaill linl.^'inil ojjiVl ojail [)T( 'of )io!i i (font-size J^l tJ^i (>-LiJl 

$J> style '*■}• °L=> pl-^'"l (> 3ie iiilj jll* Jili ja iiiuaijl jjli] jjj s^Iai l$Jl CSS jj* 3 ^ 1 * 1 *' fJ&\ jiaj 

|i--o. —II ^ ^JjIj. — "l^ I (jiJ -In. — iil ^^^J (jl < hJ ( il£ tJ^lj t^ja ^i^aiail _}JiJ (jl (Ji-oJ <j=-ulj 



:2<Ji» 



<html> 

<head> 

<title>Hy first CSS page</title> 

<style type=" text/ess" > 

hi {font-size: 30px; font -family : arial;} 

h2 {font-size: 15px; font -family : courier;} 

p {font-size: 8px; font-family: "times new roman";} 

</style> 

</head> 

<body> 

-chl>My first CSS page</hl> 

<h2>Welcome to my first CSS page</h2> 

<p>Here you can see how CSS works </p> 

</body> 

</html> 



.CSS pJiiiuJ i*5ib ^i^lJl ^jjij^iil < s tyle type= "text/ ess "> 

8 f^g "Times New Roman" ^j* t> tL^ ^Wim d>ij^5l ^ <_^jM-~jii ^j, < J^ 15 f^ Courier £jj 

SIP LjLailua ,■; ■ ■ <*** . < ■> » £j| j.-nn*. ji* Jili jjs £jJai-j lilft! , iiL^jlo < aLo ^ CSS 4jL£ ^ (J^O) Jil jbi L*]b& 

iji Ll£J .f'lUo. -II ( a^ I _jl tULla (_f j=J JJii j9>° [^a ACjJ_j J==JI -7-- jJAJ (jl CJJjl I J I ^ J <_J_?i^l lj& < ililj 3>a 

.CSS LjPJ J t^ IJ* fkJj Li' ^ioJ , (J^ I iMIj ^ Jiij 



?CSS ^ L^I u*ii cji u^ ^ 






<p style=" color : green; " >Green text</p> 

<hl style=" background- color : blue ; " > Heading on blue background-;:/ hi ij 

<body style= "background- image : url( ' http : //www. html. net/logo .png 1 > 



^^■"' 1 L^'j t^ CSS 



fiajlaikj jjl^ll ■l.J^ CSS lU 



l^JaJ j^JJ I LJjLlLl i 5 t'l-,o, „ p^,. ~1 Jl i*ilLiJ <CSS — ! -■.-=— T . .-. I ^ ji^LbJl <_Jlkka ~ll~l'n • (<J| <j_ ? iJl_ 3 |_JJJ=J| .iljLuJl 

:3 JiS- 



iJiiiL-siu r< _£! (Jvm-iU |ji^j ;.^ U. i ■ ■ •■ 




1 * 

■u 



; liLoil lii |ji3j=aiij (^Jljil jLlJI (^a ^-^- -tl ijicj jl jLuiJ ^jg-j '-_;,' (j' J- -'-^ cj£"J float J"' ,- I '^ '"'.' 

:4 Ji- 

<img src="bill. jpg" alt="Bill Gates" style= "f loat :lef t ; " /> 

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, 

sed diam nonummy nibh euisiood tincidunt ut laoreet dolore ; 
magna aliquaiti erat volutpat. Ut wisi enim ad minim veniam, ; 
quis nostrud enerci tation ullamcorper suscipit 
lobortis nisi ut aliquip ex ea comrnodo consequat . . . </p> 



1(5 a i^jiJl |j^j ji sl^ln) 



Lorern ipsum dolor sit amet, consectetuer adipiscing elit, sed diarn 
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat 
olutpat. Utwisi enim ad minim veniam, quis nostrud exerci tation 
ullamcorper suscipit lobortis nisi ut aliquip ex ea comrnodo consequat.. 



' i -..a. _^tl ^ 0_^ 0' ^ ^J^ r * 'J~~- ^^ n 0^° ts^ j" -~*~" - i ^-* fjl iAjj^-qJ ^position -_>°^ ' >UiWJj 



5 JLLo 



<img src="bill. jpg" alt="Bill Gates" 
style="posi tion : absolute ; bottom : 50px ; right : 1 Opx ; " / > 



Va^ ^ Ja j£j < J^ 



Jjjjl =LjJ jl iil'Knl [WS -" Jl. -i icjio JJ=u ji iJlljJl 1.14 .olid IjJ^J Lc£j .^jjlji JniC- ji CSS f^*J • j! * < *J ^ 

CSS ijuj.1 fc a tilmill 

ljuljil Ji -^iL'i,.)i <! Ki.nt l [s ic i^b-Ajx, £-j-=jJ p_^iJ i irjS J.')'!..) f ' ii—. (Jliil (jujJl (^1 (—lijjij 'HTML [^t 1 J^jj! cJ^f ' 



Sl&Luut ljJJs j I jLuJluil (j\ pjjM LLujjJ /j£ul 

www. dim anach aat. com 






mill 



